<?php
/* @var $this ClientController */

$this->breadcrumbs=array(
    'Client',
);
?>
<div class="container">
	<div class="tabbable tabs-left">
	            <ul class="nav nav-tabs">
	             <li><a href="/client/profile"><img onmouseover="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/prof.jpg';" onmouseout="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/prof2.jpg';" border="0" alt="" src="<?php echo Yii::app()->request->baseUrl; ?>/img/groups/prof2.jpg" width="80" height="80" title="Профиль"></a></li>
	             <li><a href="/client/orders"><img onmouseover="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/zakaz.jpg';" onmouseout="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/zakaz2.jpg';" border="0" alt="" src="<?php echo Yii::app()->request->baseUrl; ?>/img/groups/zakaz2.jpg" width="80" height="80" title="Заказы"></a></li>
	             <li>
	                    <a href="/client/finance"><img onmouseover="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/money.jpg';" onmouseout="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/money2.jpg';" border="0" alt="" src="<?php echo Yii::app()->request->baseUrl; ?>/img/groups/money2.jpg" width="80" height="80" title="Баланс"></a>
	        </li>
	        <li    class="active">
	                    <a href="/client/garage"><img onmouseover="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/mycars.jpg';" onmouseout="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/mycars.jpg';" border="0" alt="" src="<?php echo Yii::app()->request->baseUrl; ?>/img/groups/mycars.jpg" width="80" height="80" title="Мои автомобили"></a>
	        </li>
	        <li>
	                    <a href="/client/loyalty_program"><img onmouseover="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/bonus.jpg';" onmouseout="this.src='<?php echo Yii::app()->request->baseUrl; ?>/img/groups/bonus2.jpg';" border="0" alt="" src="<?php echo Yii::app()->request->baseUrl; ?>/img/groups/bonus2.jpg" width="80" height="80" title="Бонусная программа"></a>
	        </li>
	            </ul>
	    <div class="tab-content">
				<table  class="table table-hover">
					<tr>
						<td>
							 <img class="img-font"  alt="" src="<?php echo Yii::app()->request->baseUrl; ?>/img/brands/mitsubishi.jpg" data-id="8022" width="60" height="60"></img>
						</td>
						<td>
							<b>Mitsubishi</b></br>Lancer
						</td>
						<td>
							2004</br><b>1.6L</b>
						</td>
						<td>
							<b>JMBCX67TY70093823</b>
						</td>
						<td>
							Покупок:<b>41</b>
						</br>
							Сумма: <b>7265.25</b>
						</td>
						<td>
							<button href="#editcar" role="button" class="btn" data-toggle="modal" title="Редактировать данные" class="btn btn-small" type="button"><i class="icon-pencil" ></i></button>
							<button href="#zapros" role="button" class="btn" data-toggle="modal" title="Запросить подбор запчастей" class="btn btn-small" type="button"><i class="icon-list-alt"></i></button>
							<button title="Подобрать запчасти" class="btn btn-small" type="button"><i class="icon-wrench"></i></button>
						</br>
							<button title="Продажи по автомобилю" class="btn btn-small" type="button"><i class="icon-shopping-cart"></i></button>
							<button title="Архив запросов" class="btn btn-small" type="button"><i class="icon-book"></i></button>
							<button title="Активные заказы по автомобилю" class="btn btn-small" type="button"><i class="icon-play-circle"></i></button>
						
						</td>
					</tr>
					<tr>
						<td>
							 <img class="img-font"  alt="" src="<?php echo Yii::app()->request->baseUrl; ?>/img/brands/mercedes.jpg" data-id="8022" width="60" height="60"></img>
						</td>
						<td>
							<b>Mercedes</b></br>Vito
						</td>
						<td>
							2007</br><b>1.9TDI</b>
						</td>
						<td>
							<b>WDBTT867301192832</b>
						</td>
						<td>
							Покупок:<b>101</b>
						</br>
							Сумма: <b>15682.85</b>
						</td>
						<td>
							<button href="#editcar" role="button" class="btn" data-toggle="modal" title="Редактировать данные" class="btn btn-small" type="button"><i class="icon-pencil" ></i></button>
							<button title="Запросить подбор запчастей" class="btn btn-small" type="button"><i class="icon-list-alt"></i></button>
							<button title="Подобрать запчасти" class="btn btn-small" type="button"><i class="icon-wrench"></i></button>
						</br>
							<button title="Продажи по автомобилю" class="btn btn-small" type="button"><i class="icon-shopping-cart"></i></button>
							<button title="Архив запросов" class="btn btn-small" type="button"><i class="icon-book"></i></button>
							<button title="Активные заказы по автомобилю" class="btn btn-small" type="button"><i class="icon-play-circle"></i></button>
						</td>
					</tr>				
					  	
				</table> 
				<a href="#newcar" role="button" class="btn" data-toggle="modal">Добавить автомобиль</a>  
					</br>
					</br>
				    </br>
				    </br>
				    </br>
					</br>
				    </br>
				    </br>
					</br>
				<table>
                  		    <tr>
	                    		<td>
									<button title="Редактировать" class="btn btn-small" type="button"><i class="icon-pencil"></i></button>	                    		</td>
	                    		<td width="22%">
	                    			<h5>Редактировать</h5>
	                    		</td>		
	                    		<td>
									<button title="Запросить подбор" class="btn btn-small" type="button"><i class="icon-list-alt"></i></button>
	                    		</td>
	                    		<td width="22%">
	                    			<h5>Запросить подбор</h5>
	                    		</td>
	                    		<td>
									<button title="Подобрать запчасти" class="btn btn-small" type="button"><i class="icon-wrench"></i></button>
	                       		 </td>
	                       		 <td  width="22%">
	                    			<h5>Подобрать запчасти</h5>
	                    		</td>
	                    	</tr>
	                    	<tr>

	                    		<td>
	                    			<button title="Продажи по автомобилю" class="btn btn-small" type="button"><i class="icon-shopping-cart"></i></button>
	                            </td>
	                    		<td  width="22%">
	                    			<h5>Продажи по автомобилю</h5>
	                    		</td>
	                    		<td>
									<button title="Архив запросов" class="btn btn-small" type="button"><i class="icon-book"></i></button>
	                    		</td>
	                    		<td  width="22%">
	                    			<h5>Архив запросов</h5>
	                    		</td>
	                    		<td >
									<button title="Активные заказы по автомобилю" class="btn btn-small" type="button"><i class="icon-play-circle"></i></button>
	                       		 </td>
	                       		 <td  width="22%">
	                    			<h5>Активные заказы по автомобилю</h5>
	                    		</td>
	                    	</tr>
	                    </table>
				<!-- <button class="btn btn-small btn-primary" type="button"><i class="icon-plus icon-white"></i>Добавить новый автомобиль</button> 
				  --> 
				

				<!-- Modal -->
					<div id="newcar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					  <div class="modal-header">
					    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					    <h4 id="myModalLabel">Добавить новый автомобиль</h4>
					  </div>
					  <div class="modal-body">
					    <p>
					    	<form>
					    		<select>
								  <option>Марка</option>
								  <option>AUDI</option>
								  <option>BMW</option>
								  <option>TOYOTA</option>
								  <option>MAZDA</option>
								</select>
								<select>
								  <option>Модель</option>
								  <option>100</option>
								  <option>A6</option>
								  <option>A7</option>
								  <option>Q7</option>
								</select>
							</br>
							</br>
								<select class="span3">
								  <option>год</option>
								  <option>2010</option>
								  <option>2011</option>
								  <option>2012</option>
								  <option>2013</option>
								</select>
								<select class="span3">
								  <option>двигатель</option>
								  <option>2.0L</option>
								  <option>2.2L</option>
								  <option>2.5TDI</option>
								  <option>3.5D</option>
								</select>
							</br>
							</br>
							<div class="input-prepend">
							  <span class="add-on">VIN</span>
							  <input class="span11" id="prependedInput" type="text" placeholder="17 символов">
							</div>
					    	</form>
					    </p>
					  </div>
					  <div class="modal-footer">
					    <button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
					    <button class="btn btn-primary">Добавить</button>
					  </div>
					  <!--modal for edit-->
					</div>
					<div id="editcar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					  <div class="modal-header">
					    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					    <h4 id="myModalLabel">Редактировать автомобиль</h4>
					  </div>
					  <div class="modal-body">
					    <p>
					    	<form>
					    		<select>
								  <option>Марка</option>
								  <option>AUDI</option>
								  <option>BMW</option>
								  <option>TOYOTA</option>
								  <option>MAZDA</option>
								</select>
								<select>
								  <option>Модель</option>
								  <option>100</option>
								  <option>A6</option>
								  <option>A7</option>
								  <option>Q7</option>
								</select>
							</br>
							</br>
								<select class="span3">
								  <option>год</option>
								  <option>2010</option>
								  <option>2011</option>
								  <option>2012</option>
								  <option>2013</option>
								</select>
								<select class="span3">
								  <option>двигатель</option>
								  <option>2.0L</option>
								  <option>2.2L</option>
								  <option>2.5TDI</option>
								  <option>3.5D</option>
								</select>
							</br>
							</br>
							<div class="input-prepend">
							  <span class="add-on">VIN</span>
							  <input class="span11" id="prependedInput" type="text" placeholder="17 символов">
							</div>
							</br>
							</br>
							<button title="Удалить автомобиль" class="btn btn-small" type="button"><i class="icon-trash"> </i> Удалить автомобиль из списка</button>
					    	</form>
					    </p>
					  </div>
					  <div class="modal-footer">
					    <button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
					    <button class="btn btn-primary">Готово</button>
					  </div>
					</div> 

					<div id="zapros" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					  <div class="modal-header">
					    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					    <h4 id="myModalLabel">Запрос на подбор запчастей:</h4>
					  </div>
					  <div class="modal-body">
					  	На <b>Mitsubishi LANCER 2004 1.6L</b> мне необходимо:
					    <p>
					    	<form>
					    		<input type="text" placeholder="Название запчасти"><input type="text" class="span2" placeholder="Кол-во"><input type="text" placeholder="Предпочтения">
					    		<input type="text" placeholder="Название запчасти"><input type="text" class="span2" placeholder="Кол-во"><input type="text" placeholder="Предпочтения">
					    		<input type="text" placeholder="Название запчасти"><input type="text" class="span2" placeholder="Кол-во"><input type="text" placeholder="Предпочтения">
					    	</br>
					    	<h5>Результат сообщить:</h5>
						    	<label class="checkbox">
							      <input type="checkbox"> По телефону
							    </label>
							    <label class="checkbox">
							      <input type="checkbox"> На E-mail
							    </label>
					    	</form>
					    </p>
					  </div>
					  <div class="modal-footer">
					    <button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
					    <button class="btn btn-primary">Готово</button>
					  </div>
					</div>          
	    </div>
	</div>
</div>